<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>单例模式</title>
</head>
<body>
  <button id="Id">点击</button>
</body>
</html>
<script>
  /*
  * 保证一个类只有一个实例，没有先创建再返回，有直接返回
  * */
  // function getInstance (fn) {
  //   let result
  //   return function () {
  //     console.log('result:', result)
  //     return result || (result = fn.call(this, arguments))
  //   }
  // }
  //
  // var createWindow = function(){
  //   var div = document.createElement("div")
  //   div.innerHTML = "我是弹窗内容"
  //   div.style.display = 'none'
  //   document.body.appendChild(div)
  //   return div
  // }
  // // 创建iframe
  // var createIframe = function(){
  //   var iframe = document.createElement("iframe")
  //   document.body.appendChild(iframe)
  //   return iframe
  // }
  //
  // // 测试创建div
  // var createSingleDiv = getInstance(createWindow)
  // document.getElementById("Id").onclick = function(){
  //   var win = createSingleDiv()
  //   win.style.display = "block"
  // }

  // var createWindow = (function(){
  //   var div;
  //   return function(){
  //     console.log('div:', div)
  //     if(!div) {
  //       div = document.createElement("div");
  //       div.innerHTML = "我是弹窗内容";
  //       div.style.display = 'none';
  //       document.body.appendChild(div);
  //     }
  //     return div;
  //   }
  // })();
  //
  // document.getElementById("Id").onclick = function(){
  //   var win = createWindow()
  //   win.style.display = "block"
  // }

</script>